<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>融易拍-注册</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../lib/sui/sm.min.css">
    <link rel="stylesheet" href="../lib/sui/sm-extend.min.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../css/public_main.css">
</head>

<body>
    <div class="page-group">
        <div class="page page-current" id="regist">
            <div class="bar bar-standard bar-footer text-c size-m" style="line-height:2.2rem;">
               <span>
                    已经有账号了？<a class="red">登录</a>
               </span> 
            </div>
            <!-- 主内容 -->
            <div class="content">
                <div class="logo-box">
                    <div class="logo-inner">
                        <div class="logo">
                            <img src="../imgs/img/reg.png">
                        </div>
                    </div>
                </div>
                <div class="regist-form">
                    <div class="input-wrapper">
                        <img src="../imgs/icon/mobile.png">
                        <div class="after-other"></div>
                        <input class="icon-lable" type="text"  placeholder="手机号码">
                        <div class="clean-input size-m coffe">
                            <img src="../imgs/icon/close.png">
                        </div>
                    </div>
                    <div class="get-code-box">
                        <div class="input-wrapper" style="width:55%">
                            <img src="../imgs/icon/mail.png">
                            <div class="after-other"></div>
                            <input class="icon-lable size-65" type="text" placeholder="请输入验证码">
                        </div>
                        <div class="get-code size-m" style="width:40%" >
                            获取验证码
                        </div>
                    </div>

                    <!-- <div class="input-wrapper">
                        <img src="../imgs/icon/lock.png">
                        <div class="after-other"></div>
                        <input class="icon-lable" type="password" v-model="password" placeholder="请输入6-12位密码(含数字或字母)">
                        <div class="password size-m" v-if="encode" @click="doEncode">
                            <img src="../imgs/icon/sye_close.png">
                        </div>
                        <div class="password size-m" v-else @click="doEncode">
                            <img src="../imgs/icon/eye_open.png">
                        </div>
                    </div>
                    <div class="input-wrapper">
                        <img src="../imgs/icon/lock.png">
                        <div class="after-other"></div>
                        <input class="icon-lable" type="password" v-model="password" placeholder="邀请码">
                        <div class="password size-m" @click="">
                            <img src="../imgs/icon/eye_open.png">
                        </div>
                    </div> -->
                    <div class="my-btn"  style="margin-top: 30px;">
                        <span class="active">下一步</span>
                    </div>
                    <div class="service-paper size-m">
                        <label>
                            <input type="checkbox" />
                            <i></i>
                            <span>注册代表您同意我们的<a class="red">《服务条款》</a></span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type='text/javascript' src='../lib/sui/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='../lib/sui/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='../lib/sui/sm-extend.min.js' charset='utf-8'></script>
    <script type='text/javascript' src="../lib/vue/vue.min.js"></script>
    <script>
        // var vm = new Vue({
        //     el: '#regist',
        //     data: {
        //         phone: "18638779089",
        //         password: "123478",
        //         showClose: true,
        //         encode: true,
        //         code: '',
        //         counting: false,
        //         countNum: 0,
        //         countText: '获取验证码'
        //     },
        //     methods: {
        //         login: function () {
        //             console.log('login in ing')
        //         },
        //         removePhone: function () {
        //             this.phone = '';
        //             this.showClose = false
        //         },
        //         doEncode: function () {
        //             this.encode = !this.encode
        //         },
        //         nextStep: function () {
        //             if (this.phone === '') {
        //                 return ''
        //             } else {
        //                 return 'active'
        //             }
        //         },
        //         setCheckCodeBtnClass: function () {
        //             if (this.countNum === 0) {
        //                 return 'get-code size-m'
        //             } else {
        //                 return 'get-code size-m disabled'
        //             }
        //         },
        //         getCode: function () {
        //             if (this.countNum === 0) {
        //                 this.countNum = 10
        //                 this.countText = this.countNum + 'S'
        //             } else {
        //                 this.countNum = 0
        //                 this.countText = '获取验证码'
        //             }
        //         }

        //     },
        //     watch: {
        //         phone: function (o, n) {
        //             if (o !== '') {
        //                 this.showClose = true
        //             }
        //         }
        //     }
        // })
    </script>
</body>

</html>